<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="./res/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="./res/css/common/font-awesome.min.css" media="all">
    <link rel="stylesheet" href="./res/layui-config/css/larry.css" media="all">
    <script type="text/javascript" src="https://lib.baomitu.com/jquery/1.11.2/jquery.min.js"></script>
    <script src="https://lib.baomitu.com/echarts/4.2.0-rc.2/echarts.min.js"></script>
    <style>
    
    	body{
    		background: #F8F8F8;
    	}
    	
    	.layui-fluid{
    		padding: 0px;
    	}
    	
    	.layui-col-space15 > * {
		    padding: 4.5px;
		}
    	
        .info-box {
            height: 85px;
            background-color: white;
        }
        
        .info-box .info-box-icon {
            border-top-left-radius: 2px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 2px;
            display: block;
            float: left;
            height: 85px;
            width: 85px;
            text-align: center;
            font-size: 45px;
            line-height: 85px;
            background: rgba(0, 0, 0, 0.2);
        }
        
        .info-box .info-box-content {
            padding: 5px 10px;
            margin-left: 85px;
        }
        
        .info-box .info-box-content .info-box-text {
            display: block;
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-transform: uppercase;
        }
        
        .info-box .info-box-content .info-box-number {
            display: block;
            font-weight: bold;
            font-size: 18px;
        }
        
        .layui-row {
            margin: 0;
        }
        .layui-card-header{
        	font-size:16px;
        	font-weight:bold;
        }
    </style>
</head>

<body>
    <div class="layui-fluid pt-page-scaleUp">
        <div class="layui-row layui-col-space15">
			<div class="layui-col-md12">
				<div class="layui-row layui-col-space15">
					<div class="layui-col-md3">
						<div class="layui-card">
							<div class="layui-card-body">
								<div class="info-box">
				                    <span class="info-box-icon" style="background-color:#00c0ef !important;color:white;"><i class="fa fa-archive" aria-hidden="true"></i></span>
				                    <div class="info-box-content">
				                        <span class="info-box-text">药品库存</span>
				                        <span class="info-box-number" id="invNum">0</span>
				                        <dl>
				                        <dd><a href="javascript:;" kit-target data-options="{url:'pages/inv/list.html',icon:'&#xe608;',title:'查看详情',id:'xq'}"><span>查看详情</span></a></dd>
				                        </dl>
				                        
				                    </div>
				                </div>
							</div>
						</div>
					</div>
					<div class="layui-col-md3">
						<div class="layui-card">
							<div class="layui-card-body">
								<div class="info-box">
				                    <span class="info-box-icon" style="background-color:red !important;color:white;"><i class="fa fa-sellsy" aria-hidden="true"></i></span>
				                    <div class="info-box-content">
				                        <span class="info-box-text">销售总额</span>
				                        <span class="info-box-number" id="saleNum">0</span>
				                        <span>查看详情</span>
				                    </div>
				                </div>
							</div>
						</div>
					</div>
					<div class="layui-col-md3">
						<div class="layui-card">
							<div class="layui-card-body">
								<div class="info-box">
				                    <span class="info-box-icon" style="background-color:#dd4b39 !important;color:white;"><i class="fa fa-money" aria-hidden="true"></i></span>
				                    <div class="info-box-content">
				                        <span class="info-box-text">财务总额</span>
				                        <span class="info-box-number" id="debtyNum">0</span>
				                        <span>查看详情</span>
				                    </div>
				                </div>
							</div>
						</div>
					</div>
				</div>
				<div class="layui-col-md8">
					<div class="layui-row layui-col-space15">
						<div class="layui-col-md6">
							<div class="layui-card">
								<div class="layui-card-header">药材库存预警</div>
								<div class="layui-card-body">
									<div id="materials" style="height: 350px; -moz-user-select: none; position: relative;" _echarts_instance_="ec_1547172122199"></div>
								</div>
							</div>
						</div>
						<div class="layui-col-md6">
							<div class="layui-card">
								<div class="layui-card-header">药品销售额</div>
								<div class="layui-card-body">
									<div id="rm9wnwzzjr8m" style="height: 350px; -moz-user-select: none; position: relative;"_echarts_instance_="ec_1547172122198"></div>
								</div>
							</div>
						</div>
						<div class="layui-col-md12">
							<div class="layui-card">
								<div class="layui-card-header">药品销量排行</div>
								<div class="layui-card-body">
									<div id="sales" style="height: 350px; -moz-user-select: none; position: relative;" _echarts_instance_="ec_1547172122200"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="layui-col-md4">
					<div class="layui-row layui-col-space15">
						<div class="layui-col-md12">
							<div class="layui-card">
								<div class="layui-card-header">药品库存预警</div>
								<div class="layui-card-body">
									<div id="repertory" style="height: 350px; -moz-user-select: none; position: relative;" _echarts_instance_="ec_1547172122198"></div>
								</div>
							</div>
						</div>
						<div class="layui-col-md12">
							<div class="layui-card">
								<div class="layui-card-header">项目及团队介绍</div>
								<div class="layui-card-body">
									<p>系统简介：</p>
									<p style="text-indent:35px;font-size: 12px;color: gray">药品管理系统是集进、销、存、财务以及会员一体化专业药店管理软件。是将药品和中药采用同一操作流程分别管理，操作简单、管理方便的软件。</p>
									<p>功能模块及开发人员：</p>
									<ul style="font-size: 12px;color: gray">
										<li>1、原材料的 采购、审核以及质检入库。(负责人：邓康威).</li>
										<li>2、药品的 研发、生产以及审核。(负责人：周俊)</li>
										<li>3、药品的 制造、质检以及入库。(负责人：彭江平)</li>
										<li>4、药品销售、审核、分店采购以及质检入库。(负责人：郑宥红)</li>
										<li>5、药品的 批发以及审核。(负责人：李凯)</li>
										<li>6、药品的 零售以及会员。(负责人：刘意)</li>
										<li>7、公司加盟、审核以及财务。(负责人：刘文轩)</li>
										<li>8、系统权限管理以及统计图。(负责人：吴晓林)</li>
										<li>9、系统用户以及角色分配。(负责人：刘荣龙)</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
    </div>
    <script src="./res/layui/layui.js"></script>
    <script src="./res/js/common/countUp.js"></script>
    <script src="./res/main/main.js"></script>
</body>

</html>